.share-body{
    a{
        display: inline-block;
    }
    .page1{
        background-image: url(../img/share/intro4.png);
         background-size:100% auto;
        background-repeat: no-repeat; 
        background-position: center;
        background-color:#4285F4 ;
        .all{
            position:relative;
            left: 0px;
           bottom: -300px;
        .share-one{
            display: -webkit-box;
            .one{
                -webkit-box-flex: 1;
                text-align: center;
                img{
                    width: 3.0rem;
                }
            }
        }     }  
    }
    .page2{
        background-image: url(../img/share/intro1.png);
         background-size:100% auto;
        background-repeat: no-repeat;  
          background-position: center;
           background-color:#AC70D6;
    }
    .page3{
        background-image: url(../img/share/intro2.png);
           background-size:100% auto;
        background-repeat: no-repeat; 
        background-position: center;
        background-color: #E53B55;   
    }
    .page4{
        background-image: url(../img/share/intro3.png);
         background-size:100% auto;
        background-repeat: no-repeat;  
        background-position: center;  
        background-color: #47D48E;
        
    }
    .page5{
        background-image: url(../img/share/intro6.png);
         background-size:100% auto;
        background-repeat: no-repeat;  
        background-position: center; 
        background-color: #F4425F; 
    }
}
